<template>
	<map id="maps" :latitude="latitude" :longitude="longitude" :markers="markers" :polyline="polyline" :scale="scale"
		:style="'width:750rpx;'+'height:'+mapHeight+'px'+';'"></map>

</template>

<script>
	export default {
		data() {
			return {
				mapHeight: 0,
				detailData: {},
				longitude: "",
				latitude: "",
				markers: [],
				scale: 0,
				polyline: [],
				user: {}
			}
		},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
	label,
	scroll-view,
	swiper-item,
	view {
		align-content: flex-start;
		align-items: stretch;
		display: -webkit-flex;
		display: flex;
		flex-basis: auto;
		flex-direction: column;
		flex-grow: 0;
		flex-shrink: 0
	}

	image,
	input,
	scroll-view,
	swiper,
	swiper-item,
	text,
	textarea,
	video,
	view {
		border: 0 solid #000;
		box-sizing: border-box;
		position: relative
	}

	swiper-item {
		position: absolute
	}

	button {
		margin: 0
	}
</style>